<template>
  <div class="Approvals-container">
    <div class="app-container">
      <h2 id="box" ref="href">
        审批
      </h2>
      <p ref="pref" />
      <son ref="sonRef" />
    </div>
  </div>
</template>

<script>
import Son from './Son.vue'
export default {
  name: 'Approvals',
  components: { Son },
  mounted() {
    console.log(document.querySelector('#box'))
    console.log(this.$refs) // 收集到所有加ref属性的元素 是一个对象
    console.log(this.$refs.href) // h2标签dom元素
    console.log(this.$refs.pref) // p标签dom元素
    // 父组件想要直接调用子组件的方法 可以 ref
    this.$refs.sonRef.fn('hahhaah')
  },
  methods: {
    FatherFn(str) {
      console.log('我是父组件的方法', str)
    }
  }
}
</script>

<style>

</style>
